<template>
<div class='contentDiv'>
    <a-form
        :ref="formObj.ref"
        :model="formObj.formModal"
        :rules="formObj.rules"
        :label-col="formObj.labelCol"
        :wrapper-col="formObj.wrapperCol"
        autocomplete="off"
      >
         <a-form-item v-for="(value,key) in formObj.formModal" :key="key" :name="key" :label="key">
          <slot :name='key'></slot>
        </a-form-item>
    </a-form>
</div>
</template>


<script setup>
import { onMounted , ref ,reactive} from 'vue';

const emit = defineEmits(["formSubmitFn"]);

//接收父组件
const props = defineProps({
  formObjData: Object,
});
const state=reactive(props)
const formObj = state.formObjData
formObj.ref=formObj.ref+'Child'



</script>


<style lang='scss' scoped>
</style>
